<template>
	<el-dialog v-model="props.isShow" width="28%" @close="handleClose" close-icon="CloseBold"
		class="transaction-spot-dialog-dark">
		<template #default>
			<div class="mt-40px mb-10px flex flex-col items-center" >
				<img src="/icons/attn-yellow.svg" class="w-48px h-48px">
				<p class="mt-20px text-18px text-#ffffff">确定取消全部订单</p>

				<div class="mt-60px flex items-center justify-between w-full">
					<el-button color="#272727"
					style="width:48%;height:50px;color:#fff;font-size:18px">取消</el-button>
					<el-button color="#114CEE"
					style="width:48%;height:50px;color:#fff;font-size:18px">确认</el-button>
				</div>
			</div>
		</template>

	</el-dialog>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
interface IProps {
	isShow: boolean;
}

const props = defineProps<IProps>();
const emit = defineEmits(['close'])

const handleClose = () => {
	emit('close', false);
}
</script>
<style lang="scss">
.transaction-spot-dialog-dark {
	background: #2B2B2B;
}
</style>
